<template>
    <div>
        <Button size="large" type="text" @click="backHome">返回首页</Button>
        <Button size="large" type="text" @click="backPrev">返回上一页({{ second }}s)</Button>
    </div>
</template>

<script>
    import './exception.less'
    import {indexPage} from "@/config/config";

    export default {
        name: 'backBtnGroup',
        data() {
            return {
                second: 5,
                timer: null
            }
        },
        methods: {
            backHome() {
                this.$router.replace({
                    name: indexPage
                })
            },
            backPrev() {
                this.$router.go(-1)
            }
        },
        mounted() {
            this.timer = setInterval(() => {
                if (this.second === 0) this.backPrev()
                else this.second--
            }, 1000)
        },
        beforeDestroy() {
            clearInterval(this.timer)
        }
    }
</script>
